<style scoped>
    @import  '../../../asset/aboutUs/css/slick.css';
    @import  '../../../asset/aboutUs/css/style.css';
    @import  '../../../asset/aboutUs/css/conn.css';
    .leftButton{
        border: 1px solid #f1f1f1;
        padding: 5px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #f1f1f1;
        color: #c7b7b7;
    }
    .description{
        padding: 40px
    }
</style>
<template>
    <div class="con-minHeight" v-cloak>
        <div class="con-bg1">
            <div class="con-title1">团结 · 专业 · 严谨 · 创新</div>
            <div class="con-title2">—— 强大的投资团队为您的财富保驾护航</div>
        </div>
        <div @mouseenter="stopSlid()" @mouseleave="startSlid()" >
        <Carousel  v-model="startImage" :autoplay="setting.autoplay" :autoplay-speed="setting.autoplaySpeed" :dots="setting.dots"
            :radius-dot="setting.radiusDot" :trigger="setting.trigger" :arrow="setting.arrow" :height="setting.height" style="padding-top:40px">
            <CarouselItem>
                <div class="container">
                    <Row>
                        <Col span="8">
                            <div class="img-container">	
                                <img src="../../../static/photo1.png" alt="郝结旺">
                            </div>
                        </Col>
                        <Col span="16">
                            <div class="description">
                                <h3>郝结旺</h3>
                                <p class="position con-p"><i>投资总监</i></p>
                                <div class="biography">
                                    <p class="con-p">复旦大学物理学学士，经济学硕士，拥有近10年投资和财富管理行业经验，曾先后在私募股权和大型金融投资公司担任投资经理等职务。能够从宏观视野上把握金融市场动态，同时善于结合市场环境判断和选择金融产品，对资产配置和财富传承有着专业深刻的见解。</p>
                                </div>
                            </div> 
                        </Col>
                    </Row> 
                </div>
            </CarouselItem>
            <CarouselItem>
                <div class="container">
                    <Row>
                        <Col span="8">
                            <div class="img-container">	
                                <img src="../../../static/photo2.jpg" alt="袁龙超">
                            </div>
                        </Col>
                        <Col span="16">
                            <div class="description">
                                <h3>袁龙超</h3>
                                <p class="position con-p"><i>期货经理</i></p>
                                <div class="biography">
                                    <p class="con-p">拥有多年证券、基金领域研究和组合基金投研经验。对国内私募基金、对冲基金的运作模式、运营管理、投资理念及投资风格有深入研究，在金融产品结构设计及金融产品量化分析方面具有资深经验。</p>
                                </div>
                            </div> 
                        </Col>
                    </Row> 
                </div>
            </CarouselItem>
        </Carousel> 
        </div>
    </div>
</template>
<script>
import '../../../../node_modules/slick-carousel/slick/slick.js';
    export default {
        name: 'aboutUs',
        data() {
            return {
                startImage: 0,
                setting: {
                    autoplay: true,
                    autoplaySpeed: 5000,
                    dots: 'none',
                    radiusDot: true,
                    trigger: 'click',
                    loop: true,
                    height: 500,
                },
            }
        },
        created() {},
        mounted() {},
        methods: {
            stopSlid:function(){
                this.setting.autoplay = false;
            },
            startSlid:function(){
                this.setting.autoplay = true;
            }
        }
    };
</script>